---
title: 'Quickstart'
description: 'Start building an app in under 10 minutes'
---

import { Step, Steps } from 'fumadocs-ui/components/steps';

## Setup your development

Learn how to develop your app locally.

### Prerequisites

- Node.js: v20.12.2 or higher
- pnpm: v9.1.0 or higher
- [Cloudflare account](https://dash.cloudflare.com/) for API deployment and deploy
- [Neon account](https://console.neon.tech) for API database

### Installation and Development

<Steps>
  <Step title="Clone the repository">
    Clone the repository using the following command:
    ```bash
    git clone https://github.com/TinsFox/poketto-stack.git
    cd poketto-stack
    ```
  </Step>
  <Step title="Install dependencies">
    Install the project dependencies using [pnpm](https://pnpm.io):
    ```bash
    pnpm install
    ```
  </Step>
  <Step title="Setup environment variables">
    Copy the `.env.example` file to `.env` and set the environment variables.

    To set up your database:
    1. Create a new database in [Neon Console](https://console.neon.tech)
    2. Once created, find your database connection string under "Connection Details"
    3. Copy the connection string to your `.dev.vars` file:
    ```bash
    DATABASE_URL="postgresql://[user]:[password]@[host]/[database]"
    ```

    Make sure to replace the placeholders with your actual database credentials.
  </Step>

  <Step title="Start development server">
    Run the development server:
    ```bash
    pnpm dev
    ```

    It will start the development server and the admin panel at the same time using [Turborepo](https://turbo.build/repo).
    1. The admin panel is available at [http://localhost:5173](http://localhost:5173).
    2. The API is available at [http://localhost:8787](http://localhost:8787).
  </Step>
</Steps>

